<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.prime.com.tr/ui"
      xmlns:f="http://java.sun.com/jsf/core">

    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Auto Ancillaries Limited</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <link href="./resources/css/default.css" rel="stylesheet" type="text/css" />
        <link href="./resources/css/cssLayout.css" rel="stylesheet" type="text/css" />
        <link href="./resources/css/templatemo_style.css" rel="stylesheet" type="text/css" />
        <link rel="stylesheet" href="./resources/css/nivo-slider.css" type="text/css" media="screen" />
        <script src="js/jquery.min.js" type="text/javascript"></script>
        <script src="js/jquery.nivo.slider.js" type="text/javascript"></script>
    </head>
    <body>

        <div id="templatemo_header_wrapper">
            <div id="templatemo_header">

                <div id="site_title">
                    <a href="index.xhtml"><span>TWO-WHEEL and FOUR-WHEEL</span></a>
                </div> <!-- end of site_title -->

                <div id="social_box">
                    <a href="#"><img src="resources/images/stumbleupon.png" alt="stumbleupon" /></a>
                    <a href="#"><img src="resources/images/digg.png" alt="digg" /></a>
                    <a href="#"><img src="resources/images/facebook.png" alt="facebook" /></a>
                    <a href="#"><img src="resources/images/twitter.png" alt="twitter" /></a>
                    <a href="#"><img src="resources/images/feed.png" alt="feed" /></a>
                </div>       
                <div id="templatemo_menu">
                    <ul>
                        <li><a href="faces/index.xhtml">Home</a></li>
                        <li><a href="faces/aboutus.xhtml">About Us</a></li>
                        <li><a href="faces/product.xhtml">Products</a></li>
                        <li><a href="faces/contact.xhtml">Contact</a></li>
                        <li><a href="faces/register.xhtml">Register</a></li>
                    </ul>
                    <table style="float:right">
                        <tr>
                            <td>
                                <label style="float: right" for="email">Email:</label>
                            </td>
                            <td>
                                <input name="email" type="text"  id="email" maxlength="60" style="float: right;background-color: black ;text-align: left;padding-top: 5px;border: 2px solid #102a61;width:140px;color:white"/>
                            </td>
                            <td><a href="faces/forgotpassword.xhtml">Forgot account ?</a></td>
                        </tr>
                        <tr>
                            <td>
                                <label style="float: right" for="pass">Password:</label>
                            </td>
                            <td>
                                <input name="pass" type="password"  id="pass" maxlength="60" style="float: right;background-color: black;text-align: left;padding-top: 5px;border: 2px solid #102a61;width:140px;color:white"/>
                            </td>
                            <td>
                                <input type="submit" nam="login" value="login" style="background-color: #102a61;color: white"/>
                            </td>
                        </tr>   
                    </table>            
                </div>

            </div> <!-- end of header -->
        </div> <!-- end of header wrapper -->

        <div id="templatemo_main_wrapper">
            <div id="templatemo_main">

                <div id="templatemo_content">

                    <div id="content" class="center_content">
                        <ui:insert name="content">Content</ui:insert>
                    </div>

                </div>

                <div id="templatemo_sidebar">
                    <div class="sidebar_box">
                        <a href="index.xhtml" target="_parent"><img src="resources/images/templatemo_image_03.jpg" alt="banner" /></a>            </div>  

                    <div class="sidebar_box">
                        <h4>Categories</h4>
                        <ul class="tmo_list">
                            <li><a href="index.xhtml">Product</a></li>
                            <li><a href="index.xhtml">Product</a></li>
                            <li><a href="index.xhtml">Product</a></li>
                            <li><a href="index.xhtml">Product</a></li>
                            <li><a href="index.xhtml">Product</a></li>
                            <li><a href="index.xhtml">Product</a></li>
                        </ul>
                    </div>
                    <div class="sidebar_box">
                        <h4>Top Rate</h4>
                        <div class="recent_comment_box">
                            <a href="#">AAL information</a>

                        </div>

                        <div class="recent_comment_box">
                            <a href="#">AAL information</a>
                        </div>

                        <div class="recent_comment_box last_recent_comment_box">
                            <a href="#">AAL information</a>

                        </div>
                    </div>
                </div>

                <div class="cleaner"></div>
            </div> <!-- end of main -->
        </div> <!-- end of main wrapper -->

        <div id="templatemo_footer_wrapper">
            <div id="templatemo_footer">

                <div class="footer_col_w300">
                    <h4>Our Pages</h4>
                    <ul class="tmo_list">
                        <li><a href="faces/index.xhtml">Home</a></li>
                        <li><a href="faces/aboutus.xhtml">About Us</a></li>
                        <li><a href="faces/product.xhtml">Products</a></li>
                        <li><a href="faces/contact.xhtml">Contact</a></li>
                        <li><a href="faces/register.xhtml" >Register</a></li>
                    </ul>            
                </div>

                <div class="footer_col_w300">
                    <h4>Our Resources</h4>
                    <ul class="tmo_list">
                        <li><a href="#">Auto Ancillaries Limited</a></li>

                    </ul>            
                </div>

                <div class="footer_col_w300 last">
                    <h4>About Us</h4>
                    <p>Auto Ancillaries Limited</p>
                    <p>Copyright © eproject AAL <a href="#">Auto Ancillaries Limited</a> </p>
                </div>

                <div class="cleaner"></div>
            </div> 
        </div> 

    </body>
</html>